<template>
  <div>
    <div style="display:flex;justify-content: center; align-items: center;">
      <div
        style="padding:20px;display:flex;flex-direction: column;justify-content: center; align-items: center;"
      >
        <div style="font-size:24px;font-weight:600;letter-spacing:2px;margin:10px 0">国际进港接机报告</div>
      </div>
    </div>
    <div class="reportBox">
      <table class="report1" style="width:100%">
        <tr>
          <td>
            <div>航班号:</div>
            <div>Flight No:</div>
          </td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
          <td>
            <div>航班日期:</div>
            <div>Flight No:</div>
          </td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
        </tr>
        <tr>
          <td>
            <div>航班预计降落时间:</div>
            <div>Expected arrival time:</div>
          </td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
          <td>
            <div>航班实际降落时间:</div>
            <div>Actual flight landing time:</div>
          </td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
        </tr>
        <tr>
          <td>
            <div>机型:</div>
            <div>Aircraft type:</div>
          </td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
          <td>
            <div>IFCR 发送时间:</div>
            <div>IFCR send time:</div>
          </td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
        </tr>
        <tr>
          <td>
            <div>仓单上运单总数:</div>
            <div>Total AWBs ACCD to mnfs:</div>
          </td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
          <td>
            <div>实际收到运单数:</div>
            <div>Total actual AWBS:</div>
          </td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
        </tr>
        <tr>
          <td>
            <div>实际收到货单数:</div>
            <div>Total arrival shipments:</div>
          </td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td>
            <div>进港货邮件数:</div>
            <div>Total octual PCs:</div>
          </td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
          <td>
            <div>邮件总数:</div>
            <div>Mail pcs:</div>
          </td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
        </tr>
        <tr>
          <td>
            <div>运费预付运单总数:</div>
            <div>Total octual PCs:</div>
          </td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
          <td>
            <div>邮件重量:</div>
            <div>Mail WT:</div>
          </td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
        </tr>
        <tr>
          <td>
            <div>是否收到FFM:</div>
          </td>
          <td>
            <el-radio v-model="dataForm.radio" label="1">是</el-radio>
            <el-radio v-model="dataForm.radio" label="2">否</el-radio>
          </td>
          <td></td>
          <td>
            <el-input v-model="dataForm.roleName" placeholder></el-input>
          </td>
        </tr>
      </table>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataForm: {
        radio: "1"
      }
    };
  }
};
</script>

<style scoped>
.reportBox {
  border: 2px solid #eee;
  width: 900px;
  margin: 10px ;
}
.boxRow {
  display: flex;
  border-bottom: 1px solid #e6e6e6;
}
.br {
  border-right: 1px solid #e6e6e6;
}
.boxtitle {
  padding: 20px;
}
.rowItem {
  flex: 1;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
.pr20 .rowItem {
  padding-right: 20px;
}
.table--border {
  border-collapse: collapse;
  margin-top: 10px;
}
.table--border th {
  padding: 10px;
}
.report1 td,
.report1 th {
  border: none;
  padding: 10px 20px;
}
</style>